<template>
  <div class="root">
    <m-header title="打分列表">
      <div slot="left" v-on:click="$router.go(-1)"><img class="m-icon-img margin-right-10" src="../assets/images/menu_back.png" /></div>
      <div slot="right"><img class="m-icon-img margin-right-10" src="../assets/images/menu_more.png" /></div>
    </m-header>

    <div class="content">
      <div class="list">

        <div class="list-item">
          <div class="list-item-left">
            <div class="list-item-left-avatar">
              <img class="avatar" src="../assets/meinv.png" />
            </div>
            <div class="list-item-left-title">
              <p class="name">陈小姐</p>
              <star-rating :show-rating="false" :rating="4" :read-only="true" :star-size="20"></star-rating>
            </div>
          </div>
          <div class="list-item-right">
            03-08 10:08
          </div>
        </div>

        <div class="list-item">
          <div class="list-item-left">
            <div class="list-item-left-avatar">
              <img class="avatar" src="../assets/meinv.png" />
            </div>
            <div class="list-item-left-title">
              <p class="name">陈小姐</p>
              <star-rating :show-rating="false" :rating="4" :read-only="true" :star-size="20"></star-rating>
            </div>
          </div>
          <div class="list-item-right">
            03-08 10:08
          </div>
        </div>

        <div class="list-item">
          <div class="list-item-left">
            <div class="list-item-left-avatar">
              <img class="avatar" src="../assets/meinv.png" />
            </div>
            <div class="list-item-left-title">
              <p class="name">陈小姐</p>
              <star-rating :show-rating="false" :rating="4" :read-only="true" :star-size="20"></star-rating>
            </div>
          </div>
          <div class="list-item-right">
            03-08 10:08
          </div>
        </div>
      </div>
      
    </div>
  </div>
</template>

<script>
  import mHeader from '../components/header'
  // import starRating from '../components/starRating'
  export default {
    components: {
      mHeader
      // starRating
    },
    data() {
      return {
        // rating: 3,
      }
    }
  }

</script>

<style lang="less">
  /*@import "../assets/less/common.less";*/

</style>
